<template>
  <div class="div1">
    <div class="div2">
      <div class="div3">
        <h3>人脸验证授权协议</h3>
      </div>
      <div class="div4">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;鉴于：
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本人（姓名：
        <span class="text">{{ dataInfo.userInfo.idcardName?dataInfo.userInfo.idcardName:'' }}</span>
        ，身份证号码：
        <span class="text">{{ getIdcardNumber(dataInfo.userInfo.idcardNumber) }}</span>
        ）作为借款人通过有鑫贷（包括但不限于“有鑫贷App”，有鑫贷官方网站，H5，小程序，服务号，公众号，以及与广东宝坤网络小额贷款有限公司存在合作关系的第三方网络平台、渠道等，以下统称“有鑫贷”）向资金提供方借款，由广东宝坤网络小额贷款有限公司提供放款服务或居间服务，及/或本人在使用有鑫贷服务时所涉处理本人个人信息的宝坤网络小贷相关关联方提供相关技术服务，上述关联方以下统称“有鑫贷”。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;有鑫贷将使用由腾讯云计算（北京）有限责任公司（以下简称“腾讯云”）/北京旷视科技有限公司（以下简称“旷视”）的人脸信息处理SDK为本人提供人脸识别信息处理服务（以下简称“本服务”）。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;特别提示：
        <strong>
          为了保障您的合法权益，您应当阅读并遵守本授权书，请您务必审慎阅读、充分理解授权书条款内容。在您通过线上点击确认或主动勾选本授权书后，即表示您已详细阅读如下条款，并且您授权同意，在实际使用本服务时，同意有鑫贷按照本授权书收集、存储和使用您的相关信息。关于腾讯云/旷视收集、存储和使用您的相关信息的约定，详见腾讯云/旷视的有关授权文件。
        </strong>
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.
        本人同意并授权，在注册成为有鑫贷用户及使用有鑫贷服务时，基于核验本人身份的需求，有鑫贷可收集并存储本人在身份验证过程中产生的图像视频数据等相关身份信息（包括人脸和人面部特征的照片、视频，以下简称“人脸识别信息”）。本服务通过使用这些信息识别本人的身份，以便遵守国家相关法律法规的规定，为本人提供服务。上述信息属于涉及本人敏感个人信息，如本人拒绝提供上述信息，受限于有鑫贷合作资金提供方的风控审核要求，本人可能无法使用部分资金提供方提供的借款服务，但不影响本人使用有鑫贷的其他服务。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.本人同意并授权，本人通过有鑫贷向资金提供方进行借款申请时，为协助资金提供方进行初步授信审核、贷款审核，以及协助进行贷中管理和贷后管理中实现法律法规及监管要求，有鑫贷可将本人的人脸识别信息提供给资金提供方。本人理解并明白，在本人签署本授权书时可能并无资金提供方向本人提供对应的服务，本人可通过查阅附件《涉及处理人脸识别信息的合作机构明细》了解资金提供方的具体信息。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3.本人同意并授权，为了协助资金提供方全面了解和评估本人的信用状况，有鑫贷将在为本人提供服务之前进行反欺诈审核，包括审核本人/本单位的借款申请业务，本人/本单位作为担保人的业务以及对本人/本单位借款申请业务或者作为担保人的业务进行贷后风险管理。在此过程中，有鑫贷将通过有合法资质的数据服务机构查询本人的信用信息（包括征信记录、个人征信报告、信用评分等），进行贷后管理（用于已发放借款的贷后管理）以及异议核查（用于处理本人异议）。本人同意，有鑫贷将收集、存储、使用及向相关机构提供本人的人脸识别信息，用于查询本人的信用信息。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4.在本人使用有鑫贷内的第三方产品和/或服务及软件（包括但不限于第三方电子商务平台、金融科技平台、持牌金融机构以及其他合法主体，以下简称“引流合作方”）时，为了协助本人获得该引流合作方所提供的服务，有鑫贷可能会向引流合作方共享本人在注册、开通有鑫贷额度服务以及使用引流合作方产品和/或服务及软件过程中主动提供本人已在有鑫贷进行人脸识别的活检信息（包括人脸图像及视频、人脸识别结果），用于本人通过引流合作方的活检认证。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5.
        本人同意并授权，为了保障本人的信息安全，有鑫贷将在法律法规要求的必要合理期限内、使用符合行业标准的安全防护措施、按照法律法规要求的存储方式对本人的人脸识别信息在中华人民共和国境内进行存储。有鑫贷使用符合行业标准的加密、权限控制和去标识化等安全措施，与本授权书提及的第三方之间进行本人人脸识别信息的传输。有鑫贷会在现有技术水平下采取合理必要的措施来保护本人的信息，采取物理、技术和行政管理安全措施来降低丢失、误用、非授权访问、披露和更改的风险，包括但不限于传输层数据加密、防火墙和加密存储、物理访问控制以及信息访问授权控制。为此本服务设置了安全程序保护本人的信息不会被未经授权的访问所窃取。本人理解并明白，由于存在的各种各样的恶意手段，即便被授权人尽力采取上述措施，本人的信息仍有可能被泄漏、毁损或灭失。有鑫贷对此不承担任何承诺或保证。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;授权人声明：
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.本授权书是本人向有鑫贷做出的单方承诺，效力具有独立性。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.有关人脸识别信息的撤回和删除事宜的规定应当参见《有鑫贷隐私政策》的相关内容。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3.有鑫贷有权根据法律法规要求或业务实际需要不定期修改本授权书，变更后的授权书将通过有鑫贷公告、弹窗或以其他适当方式（包括但不限于短信、邮件、消息推送、书面通知等）征求本人同意。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4.若本人与有鑫贷发生任何纠纷或争议，首先应友好协商解决；协商不成的，本人同意将纠纷或争议提交本授权书签订地（即中国广东省汕头市龙湖区）有管辖权的人民法院管辖。本授权书的成立、生效、履行、解释及纠纷解决，适用中华人民共和国大陆地区法律（不包括冲突法）。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本人已知悉本授权书所有内容（特别是加粗字体内容）的意义以及由此产生的法律效力，自愿作出上述授权，本授权书是本人真实的意思表示，本人同意承担由此带来的一切法律后果。
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;如您对本授权书有任何意见、建议或问题疑问，可发送邮件xkd@fmshuke.com与我们取得联系。
        <br />
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;特此授权！
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;授权人（签名）：{{ dataInfo.userInfo.idcardName?dataInfo.userInfo.idcardName:'' }}
        <br />
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;证件号码：{{ getIdcardNumber(dataInfo.userInfo.idcardNumber) }}
        <br />
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;授权日期：{{ getDate(dataInfo.contractInfo.createTime,"YYYY") }} 年{{
          getDate(dataInfo.contractInfo.createTime,"MM")
        }}
        月{{ getDate(dataInfo.contractInfo.createTime,"DD") }} 日
        <br />
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;附件：
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;请列出人脸识别机构名单
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1、数据服务机构：
        <br />
        <table>
          <tr>
            <td>序号</td>
            <td>合作机构名称</td>
            <td>联系方式</td>
          </tr>
          <tr>
            <td>1</td>
            <td>腾讯云计算（北京）有限责任公司</td>
            <td>0755-86013388</td>
          </tr>
          <tr>
            <td>2</td>
            <td>北京旷视科技有限公司</td>
            <td>https://www.megvii.com</td>
          </tr>
        </table>
        <br />
        <br />
        <br />
        <br />
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
  import { onMounted, ref } from 'vue';
  import { useRoute } from 'vue-router';
  import { findAgreementSign } from '@/api/protocolApi';
  import { findUser } from '@/api/user';
  import { encryptECB, decryptECB } from '@/utils/aes';
  import dayjs from 'dayjs';

  const route = useRoute();
  let getToken = route.query.dataToken ?? '';
  localStorage.setItem('token', getToken.toString());

  const dataInfo: any = ref({
    userInfo: {
      userName: ''
    },
    contractInfo: {
      contractNum: ''
    }
  });

  const getProtocolDetails = () => {
    findAgreementSign({
      agreementId: 5
    })
      .then((res: any) => {
        if (res.length > 0) {
          dataInfo.value.contractInfo = res[0];
        }
      })
      .finally(() => {});
  };
  getProtocolDetails();
  const goFindUser = () => {
    findUser({})
      .then((res: any) => {
        dataInfo.value.userInfo = res;
        dataInfo.value.userInfo.phone = decryptECB(dataInfo.value.userInfo.phone);
      })
      .finally(() => {});
  };
  goFindUser();

  const getIdcardNumber = (data) => {
    return data?decryptECB(data):''
  }

  const getDate = (data,type) => {
    return data ? dayjs(data).format(type) : '';
  };
</script>
<style lang="less" scoped>
  .div1 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .div2 {
    width: 470px;
  }
  .div3 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
  }
  .div4 {
    font-size: 12px;
    line-height: 24px;
  }
  table {
    width: 100%;
    border-collapse: collapse;
  }
  th,
  td {
    border: 1px solid black;
    padding: 10px;
    text-align: center;
  }
  th {
    background-color: #f2f2f2;
  }
  .text {
    text-decoration: underline;
  }
</style>
